/* Prism components — atoms: button, badge, tag, section_title head variants.
   (.c-section__head / __title / __more base styles live in base.css.) */

/* ── button ── */
.c-btn{display:inline-flex;align-items:center;gap:.45em;padding:.55em 1em;border-radius:var(--radius-pill);
  font-size:var(--fs-sm);font-weight:600;line-height:1;white-space:nowrap;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),filter var(--dur) var(--ease)}
.c-btn--primary{background:var(--c-accent);color:var(--c-accent-ink)}
.c-btn--primary:hover{filter:brightness(1.07);color:var(--c-accent-ink)}
.c-btn--ghost{background:transparent;color:var(--c-text);border:1px solid var(--c-border)}
.c-btn--ghost:hover{border-color:var(--c-accent);color:var(--c-accent)}
.c-btn--link{background:transparent;color:var(--c-accent);padding-inline:0;border-radius:0}
.c-btn .bi{font-size:1.1em}

/* ── badge ── */
.c-badge{display:inline-flex;align-items:center;font-size:var(--fs-xs);font-weight:600;line-height:1;padding:.25em .5em;border-radius:var(--radius-sm)}
.c-badge--accent{background:var(--c-accent);color:var(--c-accent-ink)}
.c-badge--success{background:var(--c-success);color:#fff}
.c-badge--danger{background:var(--c-danger);color:#fff}
.c-badge--neutral{background:var(--c-surface-2);color:var(--c-text)}
.c-badge--corner{position:absolute;z-index:2}
.c-badge--corner.c-badge--tl{top:6px;left:6px}
.c-badge--corner.c-badge--tr{top:6px;right:6px}
.c-badge--corner.c-badge--bl{bottom:6px;left:6px}
.c-badge--corner.c-badge--br{bottom:6px;right:6px}

/* ── tag ── */
.c-tag{display:inline-flex;align-items:center;font-size:var(--fs-xs);line-height:1;padding:.3em .6em;border-radius:var(--radius-pill);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.c-tag--solid{background:var(--c-surface-2);color:var(--c-text-muted)}
.c-tag--solid:hover{background:var(--c-accent);color:var(--c-accent-ink)}
.c-tag--outline{border:1px solid var(--c-border);color:var(--c-text-muted)}
.c-tag--outline:hover{border-color:var(--c-accent);color:var(--c-accent)}

/* ── section_title head variants ── */
.c-section__head--bar .c-section__title::before{content:"";width:4px;height:1em;border-radius:2px;background:var(--c-accent);display:inline-block}
.c-section__head--center{justify-content:center;text-align:center}
.c-section__head--center .c-section__more{display:none}
.c-section__head--underline{border-bottom:2px solid var(--c-border);padding-bottom:var(--space-sm)}